/* 
    Document   : styl_product
    Created on : 14.04.2013, 14:44:42
    Author     : Yasya
    Description:
        Purpose of the stylesheet follows.
*/

#top_name{
    position: relative;
    height: 150px;
    padding-left:12px;
    width: 550px;
       
}
#top_name h1{
    position: relative;
    bottom: 135px;
    left: 100px;
    font-family: Segoe Print;
    font-size: 35pt;
    color: #3030d3; 
}


#user-panel{
   position: relative;
    bottom: 119px;
    left: 480px;
    width: 600px;
    font-size: 14px;
     
    text-align: right;
    z-index: 15;
    height: 20px;


}
a:link{
    color: #0000FF; }
a:visited	{
    color: #0000ff; }
#main{
    position: relative;
    margin-top: 0;
    background: #FFFFFF;
    height: 505px;
    width: 100%;
    border: 1px solid #000000;
}
#add_product{
    position: relative;
    left: 12%;
    width: 88%;
    bottom:66.5%;
    text-align: left;
}

#add_product2{
    position: relative;
    left: 12%;
    width: 88%;
    bottom:71%;
    text-align: left;
}
#edit_product{
    position: relative;
    left: 12%;
    width: 100%;
    bottom:34.5%;
    text-align: left;
}
#edit_product{
    position: relative;
    left: 12%;
    width: 36%;
    bottom:45%;
    text-align: left;
    
}
#edit_product input{
       background: #FFF; 
}
#edit_product textarea{
       background: #FFF; 
}
#add_product button{
    position: relative;
    text-align: center;
   background:  #b8b0fd;
    width:85px;
    left: 73%;
}
#edit_product button{
    position: relative;
    text-align: center;
    background:  #b8b0fd;
    width:85px;
    left: 73%;
}

select{
    width: 338px;

}
#label{
    position: relative;
    text-align: left;
    font-size: 19px;
    left: 2%;
    width:10%;
}
#label1{
    position: relative;
    text-align: left;
    font-size: 19px;
    
    top:30px;
    left: 2%;
    width:25%; line-height: 1.2;
    
}
#line_button{ 
    float:left;
    bottom: 20px;
    font-size: 14pt;
    margin-left:14px;

}
#func{
    width:100px; 
    text-align: center;
    background:  #b8b0fd;
}
#buttons{
    position: relative;
    left: 11%;
    width: 50%;
    bottom: 35%;
    background:  #b8b0fd;
}

#registration{
    position: relative;
    left: 18%;
    width: 60%;
    bottom: 52%;
    text-align: left;
    line-height: 1.1;
}


form button{
     background:  #b8b0fd;
         width: 20%;
} 
#cancel{
    position: relative;
    bottom: 25px;
}
#cancel1{
    position: relative;
    bottom: 35px;
}
#ok{
    position: relative;
    left: 27%;
    bottom: 10px;
    background:  #b8b0fd;
}

#success{
    position: relative;
    top: 20px;
    left: 3%;
    font-size: 18px;
}
#success button{
    position: relative;
    left: 10%;
    width: 80px;
      background:  #b8b0fd;
}

#success input{
  background:  #b8b0fd;
}
#warning{
    position: relative;
    bottom:15px;
    right:300px;
    font-size: 18px;
   } 

   #order{
       position: relative;
       top: 20px;
       left: 4%;
       font-size: 14pt;
        line-height: 1.5;
   }
   #order button{
       position: relative;
         background:  #b8b0fd;
       top: 5px;
       left: 4%;
       width: 100px;
   }
  #footer{
    position: relative;
    background: #b8b0fd;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;

    height: 60px;
    width: 98%;
    background: #FFFFFF;
    z-index: 10;
    border-bottom:  1px solid #000000;
    border-left:  1px solid #000000;
    border-right:  1px solid #000000;
    font-size: 14pt;
}